<template>
  <view class="content" @click="onClick">
    <view class="content-left">
      <view class="content-left-title">{{ title }}</view>
      <view class="content-left-tips">{{ tips }}</view>
    </view>
    <view>
      <image lazy-load v-if="isNext" class="content-right-image" src="../static/image/nextIcon.png"></image>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  props: {
    title: {
      type: String,
      default: '我是标题'
    },
    tips: {
      type: String,
      default: '我是解释文本'
    },
    isNext: {
      type: Boolean,
      default: true
    },
    itemData: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  onLoad() {},
  methods: {
    onClick() {
      this.$emit('onClick', this.itemData)
    }
  }
}
</script>

<style scoped>
.content {
  padding: 44rpx 30rpx;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ede9e9;
  align-items: center;
}
.content-left {
}
.content-right-image {
  width: 13rpx;
  height: 24rpx;
}
.content-left-title {
  font-size: 30rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(21, 44, 98, 1);
  letter-spacing: 2px;
}
.content-left-tips {
  margin-top: 7rpx;
  font-size: 24rpx;
  color: rgba(154, 155, 163, 1);
}
</style>
